<template>
    <div class="model">
        <div class="model_head">
            <i class="el-icon-caret-right"></i>
            <span class="model_size">{{title}}</span>
        </div>
        <slot></slot>
    </div>
</template>

<script>
export default {
    props:{
        title:{
            type: String,
            default: ''
        }
    },
    data(){
        return{

        }
    }
}
</script>

<style lang='scss' scoped>
.model{
    height: auto;
    .model_head{
        display: flex;
        justify-items: start;
        align-items: center;
        padding-bottom: 24px;
        .el-icon-caret-right{
            color: #36D1CB;
            padding-right: 15px;
            font-size: 18px;
        }
        .model_size{
            // color: #D9E6EE;
            @include font_color($font-color-shallow1);
            font-size: 18px;
        }
    }
}
</style>